
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<title></title>
	<meta name="Resource-type" content="Document" />
	<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css" />
	
	
	<link rel="stylesheet" type="text/css" href="css/index.css" />	
    <link rel="stylesheet" type="text/css" href="css/default.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css">	
	<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.fullPage.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="application/javascript" src="js/fastclick.js"></script> 
    
    <script type="application/javascript">
	window.addEventListener('load', function() {
		var textInput = document.querySelector('input');

		FastClick.attach(document.body);
		Array.prototype.forEach.call(document.getElementsByClassName('test'), function(testEl) {
			testEl.addEventListener('click', function() {
				textInput.focus();
			}, false)
		});
	}, false);
    </script> 
</head>
<body>
    <div id='pro'></div>
	<img src='img/logo.png' id='logo'/>       
    <div data-menuanchor="page1" id='yi' class='shu'><a href="#page1" ><img src='img/yi.png' class="nav-img" /></a></div>
    <div data-menuanchor="page2" id='er' class='shu'><a href="#page2" ><img src='img/er.png' class="nav-img" /></a></div>
    <div data-menuanchor="page3"  id='san' class='shu'><a href="#page3" ><img src='img/san.png' class="nav-img" /></a></div>
    <div data-menuanchor="page4"  id='si' class='shu'><a href="#page4" ><img src='img/si.png' class="nav-img" /></a></div>
    <!-- <div class="nav"> -->
       <button class="btn-nav">
	   <span class="icon-bar top"></span>
	   <span class="icon-bar middle"></span>
	   <span class="icon-bar bottom"></span>
       </button>
    <!-- </div> -->

<!-- <div class="nav-content "> -->
  <ul class="nav-list hideNav hidden" id='menu'>
	<li data-menuanchor="page1" class="nav-item active"><a href="#page1"  id='id1' class="item-anchor"><p>首页</p><p>HOME</p></a>
	</li>
	<li data-menuanchor="page2" class="nav-item"><a href="#page2" class="item-anchor"><p>一派初心</p><p>CULTURE</p></a>
	</li>
	<li data-menuanchor="page3" class="nav-item"><a href="#page3" class="item-anchor"><p>RCC</p><p>INVESTMENT</p></a>
	</li>
	<li data-menuanchor="page4" class="nav-item"><a href="#page4" class="item-anchor"><p>联系我们</p><p>	CONTACTUS</p></a>
	</li>
  </ul>
<!-- </div> -->
    <div id='profile'>
	    <div id='section1' class='section'>
		   <img src='img/load1.jpg' id='load1'/>
		   <img src='img/logo.png' id='logo2'/> 
		   <img src='img/load.jpg' id='load'/>
	       <img src='img/bg1.jpg' id='bg1'/>
	       <img src='img/name.png' id='name'/>
	       <img src='img/welcome.png' id='welcome'/>
	       <img src='img/lianghua.png' id='lianghua'/>
	       <img src='img/huo1.png' id='huo1'/>
	       <img src='img/huo2.png' id='huo2'/>
	       <img src='img/huo3.png' id='huo3'/>
	       <img src='img/tuo.png' id='tuo'/>
	       <img src='img/arr1.png' id='arr1'/>
		</div>
		<div id='section2' class='section teshu'>
		   <img src='img/bg2.png' id='bg2'/>
		   <img src='img/hei.png' id='kuang'/>
		   <img src='img/cul.jpg' id='cul'/>
		   <img src='img/zi21.png' id='zi21'/>
		   <img src='img/zi211.png' id='zi211'/>
		   <img src='img/zi22.png' id='zi22'/>
		   <img src='img/zi222.png' id='zi222'/>
		   <img src='img/line.png' id='line'/>
		   <img src='img/tu1.jpg' id='tu1'/>
		   <img src='img/tu2.jpg' id='tu2'/>
		   <img src='img/tu3.png' id='tu3'/>
		   <img src='img/arr2.png' id='arr2'/>
		</div>
		<div id='section3' class='section teshu'>
		   <img src='img/rcc.png' id='rcc'/>
		   <img src='img/rcc2.jpg' id='rcc2'/>
		   <img src='img/bg3.png' id='bg3'/>
		   <img src='img/bg333.jpg' id='bg333'/>
		   <img src='img/arr2.png' id='arr3'/>
		</div>
		<div id='section4' class='section teshu'>
		   <img src='img/lianxi.png' id='lianxi'/>
		   <img src='img/line.png' id='line2'/>
		   <img src='img/erweima.png' id='erweima'/>
		   <img src='img/map.png' id='map'/>
		   <img src='img/number.png' id='number'/>
		   <img src='img/last.jpg' id='last'/>
		</div>
		
	</div>
	<input id="range" type="button" value='0%'>
	<div id='di' class='jin'></div>
	<div id='shang' class='jin'></div>
  <script>
    
	var index=parseInt($('#range')[0].value);
	(function(){
	   $('#range')[0].value=index+'%';
	   index++;
	   if(index<=100){setTimeout(arguments.callee,22);}
	})();
  </script>
</body>

<script src='js/index.js'></script>
<script>
$(window).load(function () {
	$('.btn-nav').on('click tap', function () {
		$('.nav-list').toggleClass('showNav hideNav').removeClass('hidden');
		$(this).toggleClass('animated');
	});
});

</script>
</html>